<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>标签</title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/main.css" />
	</head>

	<body>
		<!--顶部-->
		<div class="txt-oparate row">
			<a href="#">取消</a>
			<a href="#" class="public">确定</a>
		</div>
		<!--顶部-->
		<!--内容-->
		<div class="container pt2">
			<div class="tagbox">
				<p>每个户型可选择1~3个标签</p>
				<ul>
					<li class="row" onclick="mycheck(this)">
						<span>海景</span>
						<i class="iconfont icon-uncheck"></i>
					</li>
					<li class="row" onclick="mycheck(this)">
						<span>可按揭</span>
						<i class="iconfont icon-uncheck"></i>
					</li>
					<li class="row" onclick="mycheck(this)">
						<span>不限购</span>
						<i class="iconfont icon-uncheck"></i>
					</li>
					<li class="row" onclick="mycheck(this)">
						<span>可指定带看</span>
						<i class="iconfont icon-uncheck"></i>
					</li>
					<li class="row" onclick="mycheck(this)">
						<span>可垫资结佣</span>
						<i class="iconfont icon-uncheck"></i>
					</li>
					<li class="row" onclick="mycheck(this)">
						<span>现房</span>
						<i class="iconfont icon-uncheck"></i>
					</li>
				</ul>
			</div>
		</div>
		<!--内容-->
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/wap.js"></script>
		<script type="text/javascript">
			function mycheck(e) {
				var len = $('.tagbox ul li.active').length;
				if ($(e).hasClass('active')) {
					$(e).removeClass('active');
					$(e).find('i').removeClass('icon-fuxuankuang').addClass('icon-uncheck');
				} else {
					if (len <= 2) {
						$(e).addClass('active');
						$(e).find('i').removeClass('icon-uncheck').addClass('icon-fuxuankuang');
					} else {
						alert('最多只能选择3个标签')
						return;
					}
				}
			}
		</script>
	</body>

</html>